<template>
<div id="left-button">
  <img class="top" v-if="false" src="../../assets/images/leftButton/top.png">
  <div class="con" style="height: 3.8rem;">
    <div class="bottom">
      <transition name="fade">
        <div v-show="isShowWX" class="content">
          <div class="content-top">
            <img src="../../assets/images/leftButton/qrCode.png">
            <div>
              <p>扫描左边微信二维码/<br>微信号:KeywinUS</p>
              <p style="font-weight: 600">免费提供留学相关咨询</p>
            </div>
          </div>
          <div class="contnt-bottom">
            <p>24/7联系电话:<a hef="tel:4000026699">4000026699</a></p>
            <p>邮箱:<a href="mailto:application@forwardpathway.com">Application@keywinus.com</a></p>
          </div>
        </div>
      </transition>
      <img @click="showWX(false)" v-if="isShowWX" src="../../assets/images/leftButton/close.png">
      <img @click="showWX(true)" v-else src="../../assets/images/leftButton/bottom.png">
    </div>
  </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      isShowWX: false,
      time: 1
    }
  },
  methods: {
    showWX(flag) {
      this.isShowWX = flag
      this.time++
    }
  }
}
</script>
<style lang="less" rel="stylesheet/less">
@import "index.less";
</style>
